<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>关于我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/fancybox.css">
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <div class="home">

        <div class="header hasBg">
            <div class="box">
                <a href="./index.html" class="logo animated fadeInUp">
                    <img src="./images/logo.svg" alt="">
                    <img src="./images/logo2.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./about.html" class="a1 active animated fadeInUp" style="animation-delay: 100ms;">关于我们</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">关于我们</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="./about.html">
                                                > 企业概述
                                            </a>
                                            <a href="./research.html">
                                                > 研发团队
                                            </a>
                                        </div>
                                        <div class="pitem">
                                            <a href="./about.html#a3">
                                                > 发展历程
                                            </a>
                                        </div>
                                        <div class="pitem">
                                            <a href="./about.html#a4">
                                                > 资质荣誉
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1 animated fadeInUp" style="animation-delay: 200ms;">解决方案</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">解决方案</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="./products.html">
                                                > 产品中心
                                            </a>
                                            <a href="">
                                                > 云端无人作业平台
                                            </a>
                                        </div>
                                        <div class="pitem">
                                            <a href="">
                                                > 案例中心
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1 animated fadeInUp" style="animation-delay: 300ms;">技术创新</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">技术创新</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="">
                                                > 先进动力系统
                                            </a>
                                            <a href="">
                                                > 面向L5的车辆设计
                                            </a>
                                            <a href="">
                                                > 农业级整车控制器
                                            </a>
                                        </div>
                                        <div class="pitem">
                                            <a href="">
                                                > 高精度无人导航算法
                                            </a>
                                            <a href="">
                                                > 领先的无人作业平台
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1 animated fadeInUp" style="animation-delay: 400ms;">合作与服务</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">合作与服务</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="">
                                                > O2O租赁模式
                                            </a>
                                            <a href="">
                                                > 直销模式
                                            </a>
                                        </div>
                                        <div class="pitem">
                                            <a href="">
                                                > 云端无人作业平台
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./news.html" class="a1 animated fadeInUp" style="animation-delay: 500ms;">新闻活动</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">新闻活动</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="./news.html">
                                                > 新闻活动
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./news.html" class="a1 animated fadeInUp" style="animation-delay: 600ms;">博客</a>
                    </div>
                    <div class="item">
                        <a href="" class="a1 animated fadeInUp" style="animation-delay: 700ms;">社会责任</a>
                    </div>
                    <div class="item">
                        <a href="" class="a1 animated fadeInUp" style="animation-delay: 800ms;">联系我们</a>
                        <div class="pmenu animated fadeIn">
                            <div class="wrap">
                                <div class="lb">
                                    <p class="p1">满足您农业需求的 自主解决方案</p>
                                    <img src="./images/a1.png" alt="">
                                </div>
                                <div class="rb">
                                    <div class="t1">联系我们</div>
                                    <div class="pm">
                                        <div class="pitem">
                                            <a href="">
                                                > 联系我们
                                            </a>
                                            <a href="">
                                                > 人才招聘
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search animated fadeInUp" id="doSearch" style="animation-delay: 900ms;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
                            <path
                                d="M14.5013 15.771L11.8603 13.1264C10.3866 14.2775 8.52926 14.8229 6.66721 14.6513C4.80515 14.4796 3.07879 13.6038 1.84045 12.2027C0.6021 10.8015 -0.0548772 8.98062 0.00359309 7.11158C0.0620634 5.24255 0.831573 3.46627 2.15508 2.14526C3.47858 0.82426 5.25631 0.058109 7.12545 0.00317192C8.9946 -0.0517651 10.8143 0.608653 12.2131 1.84965C13.6119 3.09064 14.4844 4.81865 14.6525 6.68103C14.8207 8.5434 14.2718 10.3998 13.1178 11.8712L15.7612 14.511C15.9283 14.6781 16.0222 14.9047 16.0222 15.141C16.0222 15.3773 15.9283 15.6039 15.7612 15.771C15.5941 15.938 15.3675 16.0319 15.1313 16.0319C14.895 16.0319 14.6684 15.938 14.5013 15.771ZM1.7701 7.34565C1.76986 8.44651 2.09609 9.52272 2.70753 10.4382C3.31896 11.3536 4.18814 12.0672 5.20514 12.4886C6.22214 12.9101 7.34128 13.0205 8.42102 12.8058C9.50076 12.5912 10.4926 12.0612 11.2711 11.2829C12.0496 10.5045 12.5798 9.5128 12.7947 8.43311C13.0095 7.35342 12.8994 6.23425 12.4782 5.21717C12.0569 4.20008 11.3436 3.33075 10.4282 2.71911C9.51291 2.10748 8.43677 1.78102 7.33591 1.78102C5.86046 1.7826 4.44594 2.36957 3.40286 3.41309C2.35979 4.45661 1.77341 5.87139 1.77247 7.34684L1.7701 7.34565Z"
                                fill="white" />
                        </svg>
                    </div>
                    <div class="lan animated fadeInUp" style="animation-delay: 1000ms;">
                        <div class="p1">
                            <p>中文</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"
                                fill="none">
                                <path
                                    d="M17.4655 7.93598L11.5307 13.9342L5.50784 7.9748C5.24336 7.7103 4.8136 7.71124 4.54799 7.97685L4.54799 7.97687C4.28236 8.24248 4.28144 8.67222 4.61382 8.93658L10.9709 15.2937C11.0669 15.3794 11.1803 15.478 11.2414 15.4943C11.491 15.5947 11.7977 15.5445 12.0498 15.3436L18.4956 8.8977C18.6944 8.63096 18.6954 8.19925 18.4298 7.93361C18.1641 7.66803 17.7325 7.66906 17.4655 7.93598Z"
                                    fill="white" />
                            </svg>
                        </div>
                        <a href="" class="animated fadeIn">English</a>
                    </div>
                    <a href="" class="common_btn animated fadeInUp" style="animation-delay: 1100ms;">
                        <span>
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                                fill="none">
                                <path
                                    d="M8.41041 11.9403L12.2728 8.07788C12.5744 7.77623 12.5744 7.28724 12.2728 6.98559L8.41041 3.12321C8.10876 2.82156 7.61977 2.82156 7.31812 3.12321C7.01647 3.42486 7.01647 3.91385 7.31812 4.2155L9.8619 6.75927L2.45694 6.75927C2.03014 6.75927 1.68445 7.10496 1.68445 7.53176C1.68445 7.95855 2.03014 8.30424 2.45694 8.30424L9.8619 8.30424L7.31812 10.848C7.16748 10.9986 7.09179 11.1964 7.09179 11.3942C7.09179 11.5919 7.1671 11.7897 7.31812 11.9403C7.61977 12.242 8.10876 12.242 8.41041 11.9403L8.41041 11.9403Z"
                                    fill="white" />
                            </svg>
                        </span>
                        <p>丘沃无人农场智能管理云平台</p>
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./about.html">企业概述</a>
                    <a href="./about.html#a3">发展历程</a>
                    <a href="./about.html#a4">资质荣誉</a>
                    <a href="./research.html">研发团队</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./products.html">产品中心</a>
                    <a href="">云端无人作业平台</a>
                    <a href="">案例中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>技术创新</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">先进动力系统</a>
                    <a href="">面向L5的车辆设计</a>
                    <a href="">农业级整车控制器</a>
                    <a href="">高精度无人导航算法</a>
                    <a href="">领先的无人作业平台</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>合作与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">O2O租赁模式</a>
                    <a href="">直销模式</a>
                    <a href="">云端无人作业平台</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻活动</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">博客</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>社会责任</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>联系我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">联系我们</a>
                    <a href="">人才招聘</a>
                </div>
            </div>
        </div>

        <div class="rfixed">
            <a href="mailto:14244444@qq.com">
                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
                    <path
                        d="M2.84309 3.02649H16.1053C17.011 3.02649 17.7514 3.74039 17.7628 4.61947L9.47894 9.11932L1.19314 4.62327C1.20074 3.74229 1.93552 3.02649 2.84309 3.02649ZM1.19314 6.34537L1.18555 14.3065C1.18555 15.1932 1.93172 15.9185 2.84309 15.9185H16.1053C17.0167 15.9185 17.7628 15.1932 17.7628 14.3065V6.34157L9.67261 10.6326C9.54919 10.699 9.3992 10.699 9.27578 10.6326L1.19314 6.34537Z"
                        fill="#666666" />
                </svg>
                <div class="txt">
                    <p> 14244444@qq.com</p>
                </div>
            </a>
            <a href="tel:11111">
                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
                    <g clip-path="url(#clip0_18_81)">
                        <path
                            d="M9.50747 4.82067C9.39844 4.82067 9.29223 4.83076 9.18475 4.83709V6.78941C9.29285 6.77967 9.39683 6.75696 9.50747 6.75696C11.468 6.75696 13.0573 8.34625 13.0573 10.3068C13.0573 10.6447 12.9949 10.9652 12.9067 11.2749H14.9031C14.9593 10.9601 14.9936 10.6377 14.9936 10.3068C14.9936 7.27698 12.5373 4.82067 9.50747 4.82067ZM9.50747 0.94812C9.39844 0.94812 9.29285 0.960737 9.18475 0.964523V2.90082C9.29255 2.8961 9.39844 2.88445 9.50747 2.88445C13.6066 2.88445 16.9299 6.20737 16.9299 10.3068C16.9299 10.6359 16.9012 10.9573 16.8596 11.275H18.8161C18.8493 10.9533 18.866 10.6302 18.8662 10.3068C18.8662 5.13807 14.6762 0.948157 9.50747 0.948157V0.94812ZM12.9101 14.1246C11.8355 13.7136 10.8175 13.1848 9.63761 14.2863C8.90932 14.966 8.3827 14.8917 7.90652 14.6386C7.43062 14.3855 4.49876 11.3922 4.09852 10.413C3.69829 9.43385 3.91449 9.3015 4.09852 9.00464C4.28228 8.70743 5.55894 8.01412 4.7909 5.8355C4.02257 3.65684 3.41936 2.01618 0.290261 5.8355C-0.0343349 6.23164 0.290261 7.94827 0.290261 7.94827C0.290261 7.94827 2.49664 15.1605 9.98366 18.1598C11.1459 18.6253 13.7708 17.8881 14.8304 16.047C15.3497 15.1447 14.5965 14.7694 12.9101 14.1246Z"
                            fill="#666666" />
                    </g>
                    <defs>
                        <clipPath id="clip0_18_81">
                            <rect width="19" height="19" fill="white" />
                        </clipPath>
                    </defs>
                </svg>
                <div class="txt">
                   <p>15257414141</p>
                </div>
            </a>
            <a href="">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path
                        d="M18.75 7.875C18 3.625 14.375 0.5 10 0.5C5.625 0.5 2 3.75 1.25 7.875C0.5 8.5 0 9.625 0 10.75C0 12.25 0.875 14 2.25 14C3.5 14 3.5 12.625 3.5 10.75C3.5 9 3.5 7.625 2.625 7.5C3.375 4.125 6.375 1.625 10 1.625C13.625 1.625 16.625 4.125 17.375 7.375C16.5 7.625 16.5 8.875 16.5 10.625C16.5 11.875 16.5 12.75 16.75 13.375C15.625 15.125 14 16.375 12 16.875C11.625 16.375 10.875 16 10 16C8.75 16 7.75 16.625 7.75 17.375C7.75 18.125 8.75 18.75 10 18.75C11.25 18.75 12.25 18.125 12.25 17.375C14.25 16.875 16 15.5 17.125 13.75C17.25 13.875 17.5 13.875 17.75 13.875C19.125 13.875 20 12.125 20 10.625C20 9.625 19.5 8.5 18.75 7.875Z"
                        fill="#666666" />
                </svg>
                <div class="txt">
                    <p>15257414141</p>
                 </div>
            </a>
            <div id="goTop">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                    <path
                        d="M16.7163 9.22553L11.3089 3.8182C10.8866 3.39589 10.202 3.39589 9.77973 3.8182L4.3724 9.22553C3.95009 9.64784 3.95009 10.3324 4.3724 10.7547C4.79471 11.177 5.47929 11.177 5.9016 10.7547L9.46288 7.19344L9.46288 17.5604C9.46288 18.1579 9.94685 18.6419 10.5444 18.6419C11.1419 18.6419 11.6258 18.1579 11.6258 17.5604L11.6258 7.19344L15.1871 10.7547C15.398 10.9656 15.6749 11.0716 15.9517 11.0716C16.2286 11.0716 16.5054 10.9662 16.7163 10.7547C17.1387 10.3324 17.1387 9.64784 16.7163 9.22553H16.7163Z"
                        fill="white" />
                </svg>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="搜索您想要的内容" id="search">
                    <a href="./search.html">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="section1">
            <div class="wrap">
                <div class="l">
                    <div class="title">
                        <p aos="fade-up">关于</p>
                        <h1 aos="fade-up" style="transition-delay: 100ms;">丘沃智能</h1>
                    </div>
                    <div class="content" aos="fade-up" style="transition-delay: 200ms;">
                        <p>可以从任何地方通过一个直观的应用程序管理、设置、控制和收集 AgroX收到的数据。</p>
                        <p>&nbsp;</p>
                        <p>AgroX 及其品牌背后的人们正在凭借其快速增长的全球分销扩大其在该行业的影响力，并被认为是自主农业领域的领先公司。</p>
                        <p>&nbsp;</p>
                        <p>AgroX 背后的团队 与当今农业领域的市场领导者在农业机械和设备开发方面拥有超过70 年的综合知识和经验。</p>
                    </div>
                    <div class="more" aos="fade-up" style="transition-delay: 300ms;">
                        <a href="" class="common_btn_gray">
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
                                    <path
                                        d="M8.41041 11.9403L12.2728 8.07788C12.5744 7.77623 12.5744 7.28724 12.2728 6.98559L8.41041 3.12321C8.10876 2.82156 7.61977 2.82156 7.31812 3.12321C7.01647 3.42486 7.01647 3.91385 7.31812 4.2155L9.8619 6.75927L2.45694 6.75927C2.03014 6.75927 1.68445 7.10496 1.68445 7.53176C1.68445 7.95855 2.03014 8.30424 2.45694 8.30424L9.8619 8.30424L7.31812 10.848C7.16748 10.9986 7.09179 11.1964 7.09179 11.3942C7.09179 11.5919 7.1671 11.7897 7.31812 11.9403C7.61977 12.242 8.10876 12.242 8.41041 11.9403L8.41041 11.9403Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <p>联系我们</p>
                        </a>
                    </div>
                </div>
                <div class="r" aos="fade-up">
                    <img src="images/about/a1.png" alt="">
                    <img src="images/about/logo.svg" alt="" class="logo">
                </div>
            </div>
        </div>
        <div class="section2">
            <div class="wrap">
                <div class="sidebar">
                    <div class="line">
                        <div class="l"></div>
                    </div>
                    <div class="sidebar_box">
                        <div class="sidebar_item on">公司介绍</div>
                        <div class="sidebar_item"> 企业文化</div>
                        <div class="sidebar_item">发展历程</div>
                        <div class="sidebar_item">资质荣誉</div>
                    </div>
                </div>
                <div class="section2_content">
                    <div class="part1 part" id="a1">
                        <div class="title" aos="fade-up">
                            <h1>我们能做什么？</h1>
                        </div>
                        <div class="content" aos="fade-up">
                            <p>让农民不再需要在拖拉机驾驶室里度过无尽的单调时光这一目标与让土壤摆脱现代拖拉机不断增加的重量（随着产品不断追求生产力参数，重量在 20 到 30 吨之间）这一目标同样重要。2018 年夏天，创始人齐聚一堂，共同实现这些目标——AgroX 由此成立。</p>
                        </div>
                        <div class="num_list" aos="fade-up">
                            <div class="num_item">
                                <div class="num">
                                    <p class="count-item" data-to="5000" >5000</p>
                                    <span>+</span>
                                </div>
                                <h5>企业员工</h5>
                            </div>
                            <div class="num_item">
                                <div class="num">
                                    <p class="count-item" data-to="1000" >1000</p>
                                    <span>+</span>
                                </div>
                                <h5>研发人员</h5>
                            </div>
                            <div class="num_item">
                                <div class="num">
                                    <p class="count-item" data-to="150" >150</p>
                                    <span>+</span>
                                </div>
                                <h5>海外员工</h5>
                            </div>
                        </div>
                    </div>
                    <div class="part2 part" id="a2">
                        <div class="title" aos="fade-up">
                            <h1>我们想做什么？</h1>
                        </div>
                        <div class="list" aos="fade-up">
                            <div class="item on">愿景</div>
                            <div class="item">使命</div>
                            <div class="item">价值观</div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="swiper part2_swiper" aos="fade-up">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a11.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>愿景</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a11.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>使命</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a11.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>价值观</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="part3 part" id="a3">
                        <div class="title" aos="fade-up">
                            <h1>发展历程</h1>
                        </div>
                        <div class="list" aos="fade-up">
                            <div class="swiper list_swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="item on">2024</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2023</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2022</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2021</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2020</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2019</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2018</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="item">2017</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination swiper-pagination-progressbar">
                                <span class="swiper-pagination-progressbar-fill"></span>
                            </div>
                        </div>
                        <div class="swiper part3_swiper" aos="fade-up">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2024</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2023</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2022</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2021</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2020</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2019</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2018</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="img">
                                        <img src="images/about/a2.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>2017</h5>
                                        <p>在智能算法的指导下，AgroX 可以连续无人看管运行长达 23 小时，不仅节省时间，还节省所有投入资源：能源、肥料、水、种子等。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="part4 part" id="a4">
                        <div class="title" aos="fade-up">
                            <h1>荣誉资质</h1>
                        </div>
                        <div class="swiper_box" aos="fade-up">
                            <div class="btns">
                                <div class="icon">
                                    <img src="images/about/jt.svg" alt="">
                                </div>
                                <div class="icon">
                                    <img src="images/about/jt.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper part4_swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/about/a3.png" data-fancybox="honor-thumb" data-caption="Progress Award" class="img">
                                            <img src="images/about/a3.png" alt="">
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="t">欢迎订阅我们的最新资讯！</div>
                <div class="search">
                    <input type="text" placeholder="请填写您的邮箱">
                    <div class="btn">
                        <p>订阅邮箱</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
                            <path
                                d="M12.8958 18.3083L18.8181 12.3859C19.2807 11.9234 19.2807 11.1736 18.8181 10.7111L12.8958 4.78879C12.4333 4.32626 11.6835 4.32626 11.221 4.78879C10.7585 5.25132 10.7585 6.0011 11.221 6.46363L15.1214 10.3641L3.76717 10.3641C3.11275 10.3641 2.58269 10.8941 2.58269 11.5486C2.58269 12.203 3.11275 12.733 3.76717 12.733L15.1214 12.733L11.221 16.6335C10.99 16.8645 10.8739 17.1677 10.8739 17.4709C10.8739 17.7742 10.9894 18.0774 11.221 18.3084C11.6835 18.7709 12.4333 18.7709 12.8958 18.3084L12.8958 18.3083Z"
                                fill="white" />
                        </svg>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo2.svg" alt="">
                    </div>
                    <div class="des">
                        电话：031-916-0070<br>
                        邮箱：qw_agrox@outlook.com<br>
                        地址：丘沃智能科技(湖州)有限公司<br>
                    </div>
                    <div class="codes">
                        <div class="pic">
                            <img src="./images/code1.png" alt="">
                        </div>
                        <div class="pic">
                            <img src="./images/code1.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <a href="./about.html" class="a1">关于我们</a>
                        <div class="aList">
                            <a href="./about.html">企业概述</a>
                            <a href="./about.html#a3">发展历程</a>
                            <a href="./about.html#a4">资质荣誉</a>
                            <a href="./research.html">研发团队</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1">解决方案</a>
                        <div class="aList">
                            <a href="">产品中心</a>
                            <a href="">云端无人作业平台</a>
                            <a href="">案例中心</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1">技术创新</a>
                        <div class="aList">
                            <a href="">先进动力系统</a>
                            <a href="">面向L5的车辆设计</a>
                            <a href="">农业级整车控制器</a>
                            <a href="">高精度无人导航算法</a>
                            <a href="">领先的无人作业平台</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1">合作与服务</a>
                        <div class="aList">
                            <a href="">O2O租赁模式</a>
                            <a href="">直销模式</a>
                            <a href="">云端无人作业平台</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1">新闻活动</a>
                        <div class="aList">
                            <a href="">新闻活动</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="" class="a1">联系我们</a>
                        <div class="aList">
                            <a href="">联系我们</a>
                            <a href="">人才招聘</a>
                        </div>
                    </div>
                </div>
                <div class="share">
                    <a href="">
                        <img src="./images/s1.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/s2.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/s3.svg" alt="">
                    </a>
                </div>
            </div>
            <div class="copyright">
                <div class="l">
                    <p>版权所有 © 丘沃智能科技（湖州）有限公司 2024 AgroX </p>
                    <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备2024100398号</a>
                </div>
                <div class="r">
                    <a href="">Data Protection | </a>
                    <a href="">Privacy</a>
                </div>
            </div>
        </div>

    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/aos.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/fancybox.js"></script>
</body>
<script>
    let part2_swiper = new Swiper('.part2_swiper',{
        speed: 1000,
        effect: 'fade',
        pagination: {
            el: '.part2 .list .swiper-pagination',
            type : 'progressbar',
        },

    })
    $('.part2 .list .item').click(function() {
        $(this).addClass('on').siblings().removeClass('on')
        part2_swiper.slideTo($(this).index())
    })

    let list_swiper = new Swiper('.list_swiper',{
        speed: 1000,
        slidesPerView: 6,
    })
    $('.list_swiper .swiper-slide').click(function () {
        $('.list_swiper .swiper-slide').find('.item').removeClass('on')
        $(this).find('.item').addClass('on')
        $('.part3 .swiper-pagination-progressbar-fill').css('width',(16.666*($(this).index()+1))+'%')
        if ($(this).index()-list_swiper.activeIndex > 4) {
            $('.part3 .swiper-pagination-progressbar-fill').css('width',(16.666*5)+'%')
            if ($(this).index() == ($('.list_swiper .swiper-slide').length-1)) {
                $('.part3 .swiper-pagination-progressbar-fill').css('width',(16.666*6)+'%')
            }else {
                $('.part3 .swiper-pagination-progressbar-fill').css('width',(16.666*5)+'%')
            }
            list_swiper.slideNext();
        }else {
            list_swiper.slidePrev();
        }
    })
    let part3_swiper = new Swiper('.part3_swiper',{
        speed: 1000,
        effect: 'fade',
        autoplay: {
            delay: 3000,
        },
        thumbs:{
            swiper:list_swiper
        },
        on: {
            slideChange: function(){
                $('.home .section2 .wrap .section2_content .part3 .list .swiper .swiper-slide').eq(this.realIndex).click()
                if(this.realIndex == 0) {
                    list_swiper.slideTo(0)
                }
            },
        }

    })
    $('.part3 .list .item').click(function() {
        $(this).addClass('on').parent().siblings().find('.item').removeClass('on')
        part3_swiper.slideTo($(this).parent().index())
        part3_swiper.autoplay.start();
    })
    window.addEventListener('resize', function() {
        if ($(window).width()>1024) {
            let part4_swiper = new Swiper('.part4_swiper', {
                speed: 1000,
                initialSlide: 2,
                centeredSlides: true,
                slidesPerView: 3,
                effect: 'coverflow',
                slideToClickedSlide: true,
                loop: true,
                coverflowEffect: {
                    rotate: 0,
                    stretch: 60,
                    depth: 228,
                    modifier: 1.7,
                    slideShadows: false,
                },
                parallax: true,
                autoplay: {
                    delay: 4000,//1秒切换一次
                },
                navigation: {
                    nextEl: '.part4 .swiper_box .btns .icon:nth-child(2)',
                    prevEl: '.part4 .swiper_box .btns .icon:nth-child(1)',
                },
            })
        }else {
            let part4_swiper = new Swiper('.part4_swiper', {
                speed: 1000,
                autoplay: {
                    delay: 4000,//1秒切换一次
                },
                spaceBetween : 100,
                navigation: {
                    nextEl: '.part4 .swiper_box .btns .icon:nth-child(2)',
                    prevEl: '.part4 .swiper_box .btns .icon:nth-child(1)',
                },
            })
        }
    });
    if ($(window).width()>1024) {
            let part4_swiper = new Swiper('.part4_swiper', {
                speed: 1000,
                initialSlide: 2,
                centeredSlides: true,
                slidesPerView: 3,
                effect: 'coverflow',
                slideToClickedSlide: true,
                loop: true,
                coverflowEffect: {
                    rotate: 0,
                    stretch: 60,
                    depth: 228,
                    modifier: 1.7,
                    slideShadows: false,
                },
                parallax: true,
                autoplay: {
                    delay: 4000,//1秒切换一次
                },
                navigation: {
                    nextEl: '.part4 .swiper_box .btns .icon:nth-child(2)',
                    prevEl: '.part4 .swiper_box .btns .icon:nth-child(1)',
                },
            })
        }else {
            let part4_swiper = new Swiper('.part4_swiper', {
                speed: 1000,
                autoplay: {
                    delay: 4000,//1秒切换一次
                },
                spaceBetween : 100,
                navigation: {
                    nextEl: '.part4 .swiper_box .btns .icon:nth-child(2)',
                    prevEl: '.part4 .swiper_box .btns .icon:nth-child(1)',
                },
            })
        }
</script>
<script>

    var Arr = []
    let h = $('.sidebar .sidebar_box .sidebar_item').height()
    $('.part').each(function (i,e) {
        var top = $(e).position().top - 123
        Arr.push(top)
    })
    let flag = true
    window.addEventListener('scroll', function() {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

        var index = 0;
        for (let i in Arr) {
            if (scrollTop >= Arr[i]) {
                index = i
            }
        }
        $('.sidebar .sidebar_box .sidebar_item').removeClass('on').eq(index).addClass('on')
        $('.sidebar .line .l').css('height',(h*(parseInt(index)+1))+'px')
      
        if (scrollTop > 500 && flag) {
            flag = false
            $('.count-item').each(function (t, e) {
                let o = $(e),
                    _from = o.data('from'),
                    _to = o.data('to');
                new CountUp(o, _from, _to, 1, 2).start();
            })
        }
        // if (scrollTop < 500 ) {
        //     flag = true
        // }
    });
    $('.sidebar .sidebar_box .sidebar_item').each(function (i,e) {
        $(e).click(function () {
            $('.sidebar .sidebar_box .sidebar_item').removeClass('on').eq(i).addClass('on')
            $('.sidebar .line .l').css('height',(h*(i+1))+'px')
            window.scrollTo(1000, (Arr[i]+2));
        })
    })
</script>
</html>
